<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小说生成漫画</title>
    <style>
      :root { --bg:#f5f5f7; --text:#1d1d1f; --sub:#6e6e73; --border:#e6e6eb; }
      body { margin:0; background:var(--bg); color:var(--text); font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Segoe UI, Roboto, PingFang SC, Helvetica, Arial, "Microsoft Yahei", sans-serif; }
      .hero { background:linear-gradient(160deg,#7c3aed 0%,#6366f1 40%,#22d3ee 100%); padding:28px 16px; color:#fff; }
      .hero .inner { max-width: 1200px; margin:0 auto; display:grid; gap:6px; }
      .hero .title { font-weight:800; font-size:24px; }
      #app { max-width: 1200px; margin: 12px auto 24px; padding: 0 16px; }
    </style>
  </head>
  <body>
    <header class="hero"><div class="inner"><div class="title">📚 小说生成漫画</div></div></header>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
